@import "variables";
.default-bg{
  background: color($h5,c9);
}

.addr-box{
  display: flex;
  align-items: center;
  padding:pxTorem(30px) pxTorem(30px) pxTorem(40px) pxTorem(30px) ;
  background-color: #FFFFFF;
  background-image: url("../../../../assets/icon/addr-bg.png");
  background-repeat: no-repeat;
  background-size: 100% pxTorem(10px);
  background-position: bottom center;
  .addr-content{
    @include font-dpr(30px);
    color: color($h5,c2);
    flex: 1;
    .name{
      font-weight: bold;
      line-height: pxTorem(30px);

    }
    .default{
      @include font-dpr(22px);
      color:#FFFFFF;
      width: pxTorem(62px);
      height: pxTorem(28px);
      background: color($h5,c1);
      border-radius: pxTorem(5px);
      display: inline-block;
      text-align: center;
      margin:0 0 pxTorem(8px) pxTorem(14px);
  }
    .phone{
      float: right;
    }
    .addr-detail{
      @include font-dpr(28px);
      line-height: pxTorem(40px);
      margin-top: pxTorem(20px);
    }
  }
  .addr-icon{
    width: 1rem;
    height: 1rem;
    display: block;
    border-top: 1px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}
//订单信息
.order-info{
  margin:pxTorem(15px) 0;
  background: #FFFFFF;
  .order-title{
    height: pxTorem(88px);
    line-height: pxTorem(88px);
    border-bottom: 1px solid color($h5,c9);
    padding:0 pxTorem(30px);
    img{
      display: inline-block;
      width: pxTorem(44px);
      height: pxTorem(44px);
      border-radius: 50%;
    }
  }
  .simple-count{
    padding:0 pxTorem(30px);
    line-height: pxTorem(80px);
    text-align: right;
    @include font-dpr(26px);
    color: color($h5,c2);
    .bcolor{
      color: color($h5,c15);
    }
    .price{
      font-weight: bold;
    }

  }
  .order-content{
    padding:pxTorem(24px) pxTorem(24px) pxTorem(24px) pxTorem(30px);
    display: flex;
    border-bottom: 1px solid color($h5,c9);
    .content-img{
      width:pxTorem(160px);
      height: pxTorem(160px);
      min-width: pxTorem(160px);
      display: block;
      #seed-lazyload-img,.img-box{
        width: 100%;
        height: 100%;
        display: block;
      }
    }
    .content-price{
     /* width: 18%;*/
      flex-shrink: 0;
      text-align: right;
      .num{
        span{
          width: pxTorem(20px);
          height: pxTorem(20px);
          display: inline-block;
          background: url(#{$icons-path}/cha.png) no-repeat;
          background-size:cover ;
        }
      }
    }
    .content-name{
      flex-grow: 2;
      @include font-dpr(28px);
      padding-left: pxTorem(20px);
      div {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        color:color($h5,c14)
      }
    }
  }
}

.order-confirm-box{
  padding-bottom: pxTorem(100px);
  seed-item{
    font-size: pxTorem(28);
    .seed-icon{
      margin-left: pxTorem(5);
      font-size: pxTorem(24);
    }
    &.seed-item-block{
      padding:0 pxTorem(30px) ;
    }
    .coupons-amount{
      color: color($h5,c4);

    }
  }
}

//支付方式
.pay-type{
  height: pxTorem(88px);
  line-height: pxTorem(88px);
  background: #FFFFFF;
  padding:0 pxTorem(30px) ;
  @include font-dpr(28px);
  color: color($h5,c2);
  span:last-child{
    float: right;
  }
}
//确认
.btn-wrap-confim-order{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  height: pxTorem(90px);
  line-height: pxTorem(90px);
  text-align: center;
  .sub-btn-pay{
    width: 30%;
    float: left;
    button{
      width:100%;
      height: pxTorem(90px);
      @include font-dpr(30px);
      background: color($h5,c1);
      color: color($h5,c10);
    }
    button.disabled{
      opacity: 0.5;
    }

  }
  .p-info{
    width: 69.8%;
    background: #FFFFFF;
    height: 100%;
    float: left;
    line-height: pxTorem(90px);
    padding-right: pxTorem(20px);
    text-align: right;
    @include font-dpr(26px);
    color: color($h5,c2);
    .bcolor{
      color: color($h5,c15);
    }
    .price{
      @include font-dpr(36px);
    }
    .dian{
      @include font-dpr(24px);
    }
  }

}

// 优惠劵模态框

.seed-coupon-choose {
  position: relative;
  padding: 0 pxTorem(20) ;
  background-color: color($h5,c10);
  animation: bottomToTop .3s ease-out;
  height: 100%;
  seed-toolbar-header{
    position: relative;
    margin-bottom: pxTorem(30);
  }

  .coupon-explain{
    @include icon(40, 40, '#{$icons-path}/coupon_explain.png');
    position: absolute;
    top: pxTorem(30);
    left: pxTorem(30);
  }
  seed-infinite-scroll{
    overflow: scroll;
    overflow-scrolling: touch;
  }

}
.coupon-choose {
  .icon-determine{
    display: block;
  }
}
@keyframes bottomToTop {
  from {
    transform:  translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}



